// /* Copyright (c) 2024 Huawei Technologies Co., Ltd.
// openFuyao is licensed under Mulan PSL v2.
// You can use this software according to the terms and conditions of the Mulan PSL v2.
// You may obtain a copy of Mulan PSL v2 at:
//          http://license.coscl.org.cn/MulanPSL2
// THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
// EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
// MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
// See the Mulan PSL v2 for more details. */
// @import '@/styles/common.less';

// // 初始化p标签
// p {
//   margin: 0;
// }

// .hybrid_detail_content {
//   background-color: #f7f7f7;
//   padding: 20px 32px 20px 32px;
//   min-height: calc(100vh - 128px);

//   .hybrid_detail_content_top {
//     display: flex;
//     background-color: #ffffff;
//     height: 180px;
//     align-items: center;
//     margin-bottom: 20px;

//     .hybrid_detail_top_node_manage_content {
//       display: flex;
//       justify-content: flex-start;
//       align-items: center;
//       height: 64px;
//       margin-left: 128px;

//       .hybrid_detail_top_node_manage_content_image {
//         height: 96px;
//         width: 96px;
//         margin-right: 20px;
//       }

//       .hybrid_detail_top_node_manage_content_count {
//         display: flex;
//         flex-direction: column;
//         align-items: self-start;
//         justify-content: center;

//         .hybrid_detail_top_node_manage_content_count_top {
//           margin-bottom: 16px;

//           .nomarl_span {
//             margin-left: 10px;
//             line-height: 63px;
//             font-size: 48px;
//             font-weight: 700;
//           }

//           .first_span {
//             line-height: 63px;
//             font-size: 48px;
//             font-weight: 700;
//             color: @title-node-color;
//             margin-left: 0;
//           }
//         }

//         .hybrid_detail_top_node_manage_content_count_bottom {
//           .nomarl_span {
//             line-height: 26px;
//             font-size: 18px;
//             font-weight: 400;
//             color: #333;
//           }
//         }
//       }
//     }

//     .hybrid_detail_top_echart_content {
//       display: flex;
//       justify-content: flex-start;
//       align-items: center;
//       // height: 64px;
//       margin-left: 128px;

//       .hybrid_flex_node_progress_chart {
//         width: 100%;

//         .overviewEcharts {
//           top: -16px;
//         }
//       }
//     }
//   }

//   .hybrid_detail_content_box {
//     background-color: #ffffff;
//     min-height: calc(100vh - 220px - 180px);

//     .hybrid_detail_form {
//       .hybrid-searchForm {
//         padding: 32px 32px 0px 32px;
//         display: flex;
//         flex-direction: row;
//         align-items: center;
//         justify-content: space-between;

//         .hybrid-search-input {
//           width: 300px;
//           height: 32px;
//           border-radius: @button-radius;
//         }

//         .hybrid_detail_form_button {
//           width: 128px;
//           background-color: #356ac4;
//           color: #ffffff;
//         }

//         .hybrid_detail_form_button:hover {
//           background-color: @button-hover-color !important;
//         }

//         .@{container-prefix}-input-affix-wrapper {
//           border-radius: @button-radius !important;
//         }

//         .@{container-prefix}-input-suffix {
//           svg {
//             width: 16px;
//             height: 17px;
//             color: #686868;
//           }
//         }
//       }
//     }

//     .hybrid_detail_content_table {
//       background-color: #ffffff;
//       padding: 0 32px 0 32px;

//       .table_tuning_box {
//         display: flex;
//         flex-direction: column;
//       }

//       .table_single_box {
//         display: flex;
//         align-items: center;

//         .table_single_box_number_format {
//           font-size: 14px;
//           color: #333333;
//         }

//         .table_single_box_chartnumber_down {
//           font-size: 14px;
//           color: #09aa71;
//         }

//         .table_single_box_chartnumber_up {
//           font-size: 14px;
//           color: #e7434a;
//         }

//         .table_single_box_chart_format {
//           width: 130px;
//           height: 32px;
//           position: relative;

//           .line_chart {
//             max-width: 200px;
//             width: 100%;
//             height: 100px;
//             max-height: 100px;
//             display: flex;
//             align-self: flex-start;
//             position: absolute;
//             top: -24px;
//             left: 10px;
//           }
//         }
//       }

//       .table_handle {
//         color: #356ac4;
//         width: 16px;
//         height: 16px;
//         cursor: pointer;
//       }
//     }
//   }

// }